<!-- 
  需求:
    Vue.js 提供了一个指令，以便只渲染一次元素和组件，并且跳过以后的更新。
 -->
<template>
  <!-- v-once指令会渲染元素一次，然后将其从DOM中删除 -->
  <span v-once>使它从不更新: {{ count }}</span>
</template>

<script setup>
import { ref } from "vue"

const count = ref(0)

setInterval(() => {
  count.value++
}, 1000)
</script>